<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>YBA.Plugin.popform</title>
    <link href="../default.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <h1>YBA.Plugin.popform(options)</h1>
    <h2>概述</h2>
    <p>
        创建一个带标题和按钮的弹窗，基于YBA.Plugin.popWin创建
    </p>
    <h2>参数说明</h2>
    <h3>options：对象表达式</h3>
    <p>
        <pre>
        {<i class="op">
            title: "弹窗标题",
            className: "为弹窗容器增加的class",
            content: "弹窗内容",
            width: 宽度,
            height: 高度,
            onHide: function () {
                // 隐藏弹窗时要执行的回调函数
            },
            onShow: function () {
                // 显示弹窗时要执行的回调函数
            },
            btns: [{
                value: "按钮文本",
                className: "按钮的class",
                fn: function () {
                    // 点击按钮后执行的函数
                }
            }, {
                value: "按钮文本",
                className: "按钮的class",
                fn: function () {
                    // 点击按钮后执行的函数
                }
            }]
        </i>}
        </pre>
    </p>
    <h2>公共方法，假设创建的实例名称为popform，除了继承YBA.Plugin.popWin的方法之外，还拥有以下几个方法</h2>
    <h3>popform.setTitle(title)</h3>
    <p>
        设置弹窗标题
    </p>
    <h3>popform.setContent(content)</h3>
    <p>
        设置弹窗内容
    </p>
    <h2>示例代码</h2>
    <p>
        <pre>
    var popform = new YBA.Plugin.popform({
        title: "新增用户",
        className: "ui-dialog-addUser",
        content: "填写用户名: &lt;input type='text' /&gt;",
        width: 500,
        height: 300,
        destroy: true,
        onHide: function () {
            // 隐藏弹窗时要执行的回调函数
        },
        onShow: function () {
            // 显示弹窗时要执行的回调函数
        },
        btns: [{
            value: "确定",
            className: "ui-btn-blue g-mr10",
            fn: function () {
                alert("新增成功");、
                popform.hide();
            }
        }, {
            value: "取消",
            className: "ui-btn-red g-ml10",
            fn: function () {
                popform.hide();
            }
        }]
    });
        </pre>
    </p>
</body>
</html>
